/**
滚动条样式
*/

@scroll-horizontal-width: 0px;
@scroll-vertical-height: 0px;
@scroll-background: rgba(0, 0, 0, 0.2);
@scroll-background-hover: rgba(0, 0, 0, 0.3);

.scroll-layout-notScrool {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;

  :global {
    .react-grid-layout {
      height: 100% !important;
      width: 100% !important;
    }
  }
}

.scroll-layout-notScrool::-webkit-scrollbar {
  width: @scroll-horizontal-width;
  height: @scroll-vertical-height;
}

.scroll-layout-notScrool::-webkit-scrollbar-thumb {
  -webkit-transition: all 0.25s;
  background: @scroll-background;
  transition: all 0.25s;
  border-radius: 50px;
}

.scroll-layout-notScrool::-webkit-scrollbar-thumb:hover {
  background: @scroll-background-hover;
}
